{% extends "::layout.html.twig" %}
{% block title "crystals-money" %}


{% block javascript %}
<link rel="stylesheet" href="{{ asset('bundles/emoneyepay/js/camera/camera.css') }}" type="text/css" media="all" />
   <script type="text/javascript" src="{{ asset('bundles/emoneyepay/js/camera/jquery.easing.1.3.js') }}"></script>
   <script type="text/javascript" src="{{ asset('bundles/emoneyepay/js/camera/jquery.hoverIntent.minified.js') }}"></script>
   <script type="text/javascript" src="{{ asset('bundles/emoneyepay/js/camera/camera.js') }}"></script>
<style>
		body {
			margin: 0;
			padding: 0;
		}
		a {
			color: #09f;
		}
		a:hover {
			text-decoration: none;
		}
		#back_to_camera {
			clear: both;
			display: block;
			height: 80px;
			line-height: 40px;
			padding: 20px;
		}
		.fluid_container {
			margin: 0 auto;
			max-width: 1000px;
			width: 90%;
		}
</style>
{% endblock %}

{% block content %}
<div class="wrapper box">
<div class="fluid_container">
        <div class="camera_wrap camera_azure_skin" id="camera_wrap_1">
            <div data-thumb="{{ asset('bundles/emoneyepay/js/camera/images/slides/thumbs/bridge.jpg') }}" data-src="{{ asset('bundles/emoneyepay/js/camera/images/slides/bridge.jpg') }}">
                <div class="camera_caption fadeFromBottom">
                    Camera is a responsive/adaptive slideshow. <em>Try to resize the browser window</em>
                </div>
            </div>
            <div data-thumb="{{ asset('bundles/emoneyepay/js/camera/images/slides/thumbs/road.jpg') }}" data-src="{{ asset('bundles/emoneyepay/js/camera/images/slides/leaf.jpg') }}">
                <div class="camera_caption fadeFromBottom">
                    It uses a light version of jQuery mobile, <em>navigate the slides by swiping with your fingers</em>
                </div>
            </div>
            <div data-thumb="{{ asset('bundles/emoneyepay/js/camera/images/slides/thumbs/bridge.jpg') }}" data-src="{{ asset('bundles/emoneyepay/js/camera/images/slides/road.jpg') }}">
                <div class="camera_caption fadeFromBottom">
                    <em>It's completely free</em> (even if a donation is appreciated)
                </div>
            </div>
            <div data-thumb="{{ asset('bundles/emoneyepay/js/camera/images/slides/thumbs/sea.jpg') }}" data-src="{{ asset('bundles/emoneyepay/js/camera/images/slides/sea.jpg') }}">
                <div class="camera_caption fadeFromBottom">
                    Camera slideshow provides many options <em>to customize your project</em> as more as possible
                </div>
            </div>
            <div data-thumb="{{ asset('bundles/emoneyepay/js/camera/images/slides/thumbs/shelter.jpg') }}" data-src="{{ asset('bundles/emoneyepay/js/camera/images/slides/shelter.jpg') }}">
                <div class="camera_caption fadeFromBottom">
                    It supports captions, HTML elements and videos and <em>it's validated in HTML5</em> (<a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.pixedelic.com%2Fplugins%2Fcamera%2F&amp;charset=%28detect+automatically%29&amp;doctype=Inline&amp;group=0&amp;user-agent=W3C_Validator%2F1.2" target="_blank">have a look</a>)
                </div>
            </div>
            <div data-thumb="{{ asset('bundles/emoneyepay/js/camera/images/slides/thumbs/tree.jpg') }}" data-src="{{ asset('bundles/emoneyepay/js/camera/images/slides/tree.jpg') }}">
                <div class="camera_caption fadeFromBottom">
                    Different color skins and layouts available, <em>fullscreen ready too</em>
                </div>
            </div>
        </div><!-- #camera_wrap_1 -->
    </div><!-- .fluid_container -->
    
    <div style="clear:both; display:block; height:100px"></div>
	
	
		
		
                        <div class="grid_3 padbot2 marg">
                            <h2>Finance &amp; grants</h2>
                            <div class="wrapper padbot">
                                <img class="imgindent" alt="" src="{{ asset('bundles/emoneyepay/images/1page_img1.png') }}">
                                Lorem ipsum dolor sit am consecte tuer adipiscing Lorem ipsumdolor sit amet, consectu er adipiscing elit, sed diam nummy nibh euismod tincidun.
                            </div>
                            <a class="button" href="#">More</a>
                        </div>
                        <div class="grid_3 padbot2">
                            <h2>Employment</h2>
                            <div class="wrapper padbot">
                                <img class="imgindent" alt="" src="{{ asset('bundles/emoneyepay/images/1page_img2.png') }}">
                                Lorem ipsum dolor sit am consecte tuer adipiscing Lorem ipsumdolor sit amet, consectu er adipiscing elit, sed diam nummy nibh euismod tincidun.
                            </div>
                            <a class="button" href="#">More</a>
                        </div>
                        <div class="grid_3 padbot2 marg">
                            <h2>Environment</h2>
                            <div class="wrapper padbot">
                                <img class="imgindent" alt="" src="{{ asset('bundles/emoneyepay/images/1page_img3.png') }}">
                                Lorem ipsum dolor sit am consecte tuer adipiscing Lorem ipsumdolor sit amet, consectu er adipiscing elit, sed diam nummy nibh euismod tincidun.
                            </div>
                            <a class="button" href="#">More</a>
                        </div>
                        <div class="grid_3 padbot2">
                            <h2>marketing</h2>
                            <div class="wrapper padbot">
                                <img class="imgindent" alt="" src="{{ asset('bundles/emoneyepay/images/1page_img4.png') }}">
                                Lorem ipsum dolor sit am consecte tuer adipiscing Lorem ipsumdolor sit amet, consectu er adipiscing elit, sed diam nummy nibh euismod tincidun.
                            </div>
                            <a class="button" href="#">More</a>
                        </div>
                    <div class="">
                        <div class="grid_12">
                            <div class="twitter-box">
                                <div class="wrapper">
                                    <div class="fright"><a class="button" href="#">Follow Us On Twitter</a></div>
                                    <div class="twitter-title fleft"><h3>recent tweets</h3></div>
                                    <div class="extra-wrap">
                                        <div class="twitter twitted" id="twitter" style="display: block;"><ul id="twitter_update_list" style="display: block; height: 42px;"><li class="firstTweet lastTweet"><span>Vivamus pharetra nunc in justo <a href="http://is.gd/dC3eN">http://is.gd/dC3eN</a> pretium non elementum nisl fermentum.</span> <a href="http://twitter.com/lorem_ipsum_dol/statuses/43960844182241280" style="font-size:85%">382 days ago</a></li></ul></div>
                                    </div>
                                </div>
                                <div class="hide"><a class="button" href="#">Follow Us On Twitter</a></div>
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="">
                        <div class="grid_9 padtop">
                            <h2>Certification, Inspection &amp; Credit Management</h2>
                            <div class="pad">
                                <div class="fleft box-img"><a class="lightbox-image" title="" data-gal="prettyPhoto" href="{{ asset('bundles/emoneyepay/images/image-blank.png') }}"><img alt="" src="{{ asset('bundles/emoneyepay/images/1page_img5.png') }}"><span style="opacity: 0;"></span></a></div>
                                <p class="padbot"><strong>Lorem ipsumdolor sit amet,</strong> consectuer adipiscing elit, sed diam numm
        nibh euismod tincidun.t ut laoreet dolore magna aliquam erat volutpat. Utisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit loborts nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure doloin hendrerit in vulputate velit ess.</p>
                                <a class="button" href="#">More</a>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <div class="grid_3 padtop hide2">
                            <h2>Services List</h2>
                            <ul class="list1">
                                <li><a href="#">Lorem ipsumdolor sit amet</a></li>
                                <li><a href="#">Ectuer adipiscing elit, sediam</a></li>
                                <li><a href="#">Nibh euismod tincidun</a></li>
                                <li><a href="#">Ut laoreet dolore</a></li>
                            </ul>
                            <a class="button" href="#">More</a>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
<script>
		jQuery(function(){
			
			jQuery('#camera_wrap_1').camera({
				thumbnails: true
			});

		/*	jQuery('#camera_wrap_2').camera({
				height: '400px',
				loader: 'bar',
				pagination: false,
				thumbnails: true
			});*/
		});

</script>
{% endblock %}
